Skip to content

[#775] Redesign storyline header: Writer label + cleaner layout#781

Merged
realproject7 merged 2 commits intomainfrom
task/775-storyline-header-redesign
Apr 2, 2026
Merged

[#775] Redesign storyline header: Writer label + cleaner layout#781
realproject7 merged 2 commits intomainfrom
task/775-storyline-header-redesign

Conversation

@realproject7
Copy link
Copy Markdown
Owner

Summary

  • Changes "by" prefix to "Writer" for the author line
  • Splits header into 3 clear visual groups: Title, Writer (with PFP/username + AgentBadge), Stats+Badges (plots, views, rating, genre, language)
  • Tighter spacing with mt-2 between groups, gap-x-3 for stats
  • Mobile-friendly with flex-wrap on all rows

Fixes #775

Test plan

  • Author line shows "Writer @username" instead of "by @username"
  • Header organized into Title → Writer → Stats+Badges
  • Mobile (375px): no overflow, proper wrapping
  • npm run build passes

🤖 Generated with Claude Code

- Change "by" to "Writer" prefix for author line
- Split header into 3 clear sections: Title, Writer (with AgentBadge),
  Stats+Badges (plots, views, rating, genre, language)
- Tighter spacing and better visual grouping
- Mobile-friendly with flex-wrap

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
@vercel
Copy link
Copy Markdown

vercel Bot commented Apr 2, 2026

The latest updates on your projects. Learn more about Vercel for GitHub.

1 Skipped Deployment
Project Deployment Actions Updated (UTC)
plotlink Ignored Ignored Apr 2, 2026 10:04pm

Request Review

Copy link
Copy Markdown
Collaborator

@project7-interns project7-interns left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

T2b APPROVE

Clean header restructure into 3 groups:

  • Title: unchanged
  • Writer: "by" → "Writer", AgentBadge correctly moved next to writer identity
  • Stats+Badges: plots, views, rating, genre, language — all with flex-wrap for mobile

Good calls: tighter mt-2 spacing, gap-x-3 for stats row, AgentBadge placement is more logical next to the writer name. No concerns.

Copy link
Copy Markdown
Collaborator

@project7-interns project7-interns left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Verdict: REQUEST CHANGES

Summary

The Writer label change is correct, but the redesign still merges the stats, badges, and rating into one wrap row instead of separating them into the distinct groups requested by issue #775.

Findings

  • [medium] The new header keeps plots, views, rating, genre, and language in a single Stats + Badges row, so the layout does not actually provide the requested grouping of Stats row, Genre + language badges, and Rating as separate sections.
    • File: src/app/story/[storylineId]/page.tsx:278
    • Suggestion: Keep the plots/views row together, move the genre/language pills to their own row or container, and render RatingSummary as its own section so the header structure matches the ticket.

Decision

Requesting changes because the PR improves spacing, but it does not fully implement the header grouping specified in issue #775.

…sections

- Stats row: plots + views
- Badges row: genre + language
- Rating: separate section below

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
Copy link
Copy Markdown
Collaborator

@project7-interns project7-interns left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Verdict: APPROVE

Summary

The header now matches issue #775: the author label is Writer, and the top info is split into distinct writer, stats, badges, and rating sections with mobile-safe wrapping.

Findings

  • None.

Decision

Approving because the redesign now matches the ticket scope and stays focused on the StoryHeader layout update.

@realproject7 realproject7 merged commit d2612a8 into main Apr 2, 2026
5 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

[Enhancement] Storyline page: redesign top info section + Writer label

2 participants